<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    

<script src="./7-promise.js"></script>
<script>

// console.log( '任务1' );
// let p1 = new Promise((resolve,reject)=>{// excutor执行器函数
//     console.log( '执行器函数...' );
//     resolve(123);// 修改为成功状态
//     // reject(456);// 修改为失败状态
// })
// // console.log( p1 );// Promise {state: 'fulfilled', result: 123}
// // 情况1:当then执行时,状态已经改变
// p1.then(// then方法是同步执行
//     (res)=>{// 成功的回调 fnResolve 异步执行
//         console.log( 'p1成功的回调',res );
//     },
//     (res)=>{// 失败的回调 fnReject 异步执行
//         console.log( 'p1失败的回调',res );
//     }
// )
// console.log( '任务2' );

let p2 = new Promise((resolve,reject)=>{// excutor执行器函数
    // console.log( '执行器函数...' );
    setTimeout(function (){
        resolve(123);// 修改为成功状态
        // reject(456);// 修改为失败状态
    },1000);
})
// console.log( p2 );// Promise {state: 'fulfilled', result: 123}
// 情况2:当then执行时,状态还未改变
p2.then(// then方法是同步执行
    (res)=>{
        console.log( 'p2成功的回调1',res );
    },
    (res)=>{
        console.log( 'p2失败的回调1',res );
    }
);
// p2.then(// then方法是同步执行
//     (res)=>{
//         console.log( 'p2成功的回调2',res );
//     },
//     (res)=>{
//         console.log( 'p2失败的回调2',res );
//     }
// );
// p2.then(// then方法是同步执行
//     (res)=>{
//         console.log( 'p2成功的回调3',res );
//     },
//     (res)=>{
//         console.log( 'p2失败的回调3',res );
//     }
// );

</script>
</body>
</html>